<!doctype html>
<html lang="cs-CZ">
<head>
  <meta charset="UTF-8" />
  <title>Intruksi Pemasangan Kode ^_^</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
</head>
<body>
<style type='text/css'>
*,
*:after,
*:before { 
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html { 
  overflow-y: scroll; 
  overflow-x: hidden; 
  height: 100%; 
  margin: 0;
  padding: 0; 
}
body { 
  height: 100%;
  margin: 0;
  padding: 0; 
} 
body, .header-top {  background: #eaeaea; }
.header-top { 
  position: fixed;
  z-index: 1;
  min-height: 128px;
  width: 100%;
}
.page-wrap, .header-wrap { 
  width: 90%; 
  min-width: 320px; 
  max-width: 640px; 
  margin: 0 auto; 
  padding: 0 10px;
}
.page-wrap {
  padding-top: 128px;
}
.header-wrap { 
  position: relative;
  height: 128px;
  padding: 10px; 
}
.header-content { 
  position: absolute;
  left: 10px;
  right: 10px;
  padding: 10px 2em;
  background: #3498db;
  border-bottom:5px solid #2980b9;
}
.header-content.align-center {
  top: 50%;
  margin-top: -7%; 
}
.header-content.align-bottom { 
  top: inherit;
  margin-top: inherit;
  bottom: 10px; }
.main { 
  padding: 1em 2em 2em;
  background: white; 
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 599px) {
  .header-top { 
    position: absolute; }
  .page-wrap, .header-wrap { 
    width: 100%; }

}
@media only screen 
and (max-width : 320px) {
  .page-wrap, .header-wrap { 
    width: 100%; }
}

html {overflow-y: scroll;}
body {
  line-height: 1.3125; }
.main { padding-bottom: 30em; }
sidebar { 
  display: block;
}
figure {
  margin: 1.5em auto 1em;
  padding: 8px;
  background: #f1f1ea;
  text-align: center; }
figure img {border: 4px solid #ffffff; }
figcaption {
  margin: .5em 0;
  color: #999;
  text-align: center;
  font-size: 85%;
  font-style: italic; }
h1 {margin: 0; line-height: 1.0625;text-align: center;}
h2 {color: #999; font-weight:300;text-align: center;}
header h2 {margin:0; color: #666;}

code {
  background: #91C8ED;
  border-left: 5px solid #2980b9;
  padding: 1px .25em;
  font-family: Menlo, Monaco, monospace;
  font-size: 90%;}
pre[rel]{
    position: relative;
    padding: .875em 0 0; }
pre[rel]:before{
    content:attr(rel);
    color:white;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    background:#2980b9;
    font-family: sans-serif;
    padding:5px 0;
    text-indent:15px; }
pre code {
  display: block; padding: 1.5em; }
pre code i {
    color: #998;
    font-style: italic; }
.nowrap, nobreak, .nobr { white-space: nowrap; }
</style>


      <header class="header-top"> 
    <div class="header-wrap">
      <div class="header-content align-bottom">
        <h1>Intruksi Pemasangan Kode<span class="nobr"></span></h1>
        <h2><a href="http://www.alexjoen.web.id" target="_blank">www.alexjoen.web.id</a></h2>
      </div> <!-- end .header-content -->
    </div> <!-- end .header-wrap -->
  </header>

<!-- #top link here, not in fixed header -->
<div id="top" class="page-wrap"> 
  <section class="main">
    <h2>PANDUAN INI UNTUK PEMULA SEPERTI ANE</h2> 
    <h3>Cara yang pertama:</h3>   
    <p>Siapkan Koding yang mau dipasang
Satukan Koding CSS dan HTML
      dengan Rumus :<BR/><BR/>
      <b>Disini Taruh Kode HTML-nya</b> <BR/>
<code>&lt;style type='text/css'&gt;</code><BR/> 
      <b>Disini taruh Kode CSS-nya</b><BR/>
      <code>&lt;/style&gt;</code><BR/>
  
      <pre rel="Contoh Penyatuan Kode :"><code class="language-css">
&lt;div class="alex-ganteng-tea "&gt;ALEXJOEN&lt;/div&gt;

&lt;style type='text/css'&gt;
.alex-ganteng-tea {
color: #fff;
font-size: 14em;
font-weight: bold;
font-family: Helvetica;
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}
&lt;/style&gt;

<i>Jika ada kode javascript yang harus dipasang boleh ditaruh disini dengan memakai format.</i>
&lt;script type='text/javascript'&gt;
<i>taruh kode Javascript sobat disini</i>
&lt;/script&gt;
</code></pre>
    
    <u><b>KEMUDIAN :</b></u>
      <br/>
Login ke akun <b>Blogger</b> sobat<br/>
Klik <b>Tata Letak</b><br/>
Klik <b>Tambah Gadget</b><br/>
Klik <b>HTML/JavaScript</b><br/>
Terakhir Kopi Paste Koding Yang sudah Disiapkan<BR/>
Klik <b>Save</b>
    <p>Nah itu cara yang pertama, untuk cara selanjutnya dengan menambahkannya kedalam elemen template:</p>


      <h3>Cara yang kedua :</h3>
    <p>Cari kode <code> ]]&gt;&lt;/b:skin&gt;</code><br/>
     Kemudian masukan Kode <b>CSS</b>-nya diatas kode <code> ]]&gt;&lt;/b:skin&gt;</code><br/>
      Jika ada <b>Javascript</b> yang harus dipasang maka tempatkan maka cari kode <br/><code> &lt;/head&gt;</code>dan letakan kode Javascript tersebut tepat diatas kode <code> &lt;/head&gt;</code><br/><br/>
      <u><b>KEMUDIAN :</b></u>
      <br/>
Login ke akun <b>Blogger</b> sobat<br/>
Klik <b>Tata Letak</b><br/>
Klik <b>Tambah Gadget</b><br/>
Klik <b>HTML/JavaScript</b><br/>
      Terakhir Kopi Paste Kode <b> HTML</b>Yang sudah Disiapkan<BR/>
Klik <b>Save</b>
    <br/><br/><p>Demikiaan tentang Intruksi Pemasangan Kode <a href="http://www.alexjoen.web.id" target="_blank">Joens Personal Blog</a> Untuk kekurangannya silakan bertanya atau ditambahkan sendiri.</p>

    

  </section>

</div> <!-- end .page-wrap -->
</body>
</html>